
<!DOCTYPE HTML>

<html>

<head>
	<meta charset="utf-8">
	<title>前端艺术</title>
	<meta name="author" content="Nicholas">

	
	<meta name="description" content="Oct 9th, 2013 web 函数声明和函数表达式（function Declarations vs Function Expressions） 原文地址：http://javascriptweblog.wordpress.com/2010/07/06/function- &hellip;">
	

  <!-- http://t.co/dKP3o1e -->
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width, initial-scale=1">

	<link href="/atom.xml" rel="alternate" title="前端艺术" type="application/atom+xml">
	
	<link rel="canonical" href="http://xiebaochun.github.io/blog/page/2/">
	<link href="/favicon.png" rel="shortcut icon">
	<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
	<link href="/stylesheets/font-awesome.min.css" media="screen, projection" rel="stylesheet" type="text/css">
	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">

</head>


<body>
	<div class="container">
		<div class="left-col">
			<div class="intrude-less">
			<header id="header" class="inner"><div class="profilepic">
<!--the weather pugin-->
    <script defer src="http://julying.com/lab/weather/v3/jquery.weather.build.min.js?parentbox=body&moveArea=all&zIndex=1&move=1&drag=1&autoDrop=1&styleSize=big&style=_random&area=client&city=%E5%8C%97%E4%BA%AC"></script>
	<script src="/javascripts/md5.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.profilepic').append("<img src='https://si0.twimg.com/profile_images/378800000316979686/061b0d73fe1b9cc3a643a68bcb077161.jpeg' alt='Profile Picture' style='width: 160px;' />");
		});
	</script>
</div>
<hgroup>
  <h1><a href="/">前端艺术</a></h1>
  
    <h2>one blog for games.</h2>
  
</hgroup>

<nav id="main-nav"><ul class="main-navigation">
  <li><a href="/">Home</a></li>
  <li><a href="/blog/archives">Archives</a></li>
  <li><a href="http://www.juerry.com/index.html">my lab</a></li>
</ul>


<section class="aboutme">
  <p>
    专注于移动开发
  </p>
</section>
</nav>
<nav id="sub-nav">
	<div class="social">
		
		
		
		<a class="twitter" href="http://twitter.com/xiebaochun" title="Twitter">Twitter</a>
		
		
		<a class="github" href="https://github.com/xiebaochun" title="GitHub">GitHub</a>
		
		
		
		
		
		
		
		
		<a class="rss" href="/atom.xml" title="RSS">RSS</a>
		
	</div>
</nav>
<section>
  <h1>Categories</h1>
    <ul id="category-list"><li><a href='/blog/categories/ios/'>ios (2)</a></li><li><a href='/blog/categories/other/'>other (14)</a></li><li><a href='/blog/categories/web/'>web (23)</a></li></ul>
</section>

</header>				
			</div>
		</div>	
		<div class="mid-col">
			
				
			
			<div class="mid-col-container">
				<div id="content" class="inner">
<div itemscope itemtype="http://schema.org/Blog">


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-09T13:54:00+08:00" data-updated="true" itemprop="datePublished">Oct 9<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/09/function-declarations-vs-function-expressions/" itemprop="url">函数声明和函数表达式（function Declarations vs Function Expressions）</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>原文地址：<a href="http://javascriptweblog.wordpress.com/2010/07/06/function-declarations-vs-function-expressions/">http://javascriptweblog.wordpress.com/2010/07/06/function-declarations-vs-function-expressions/</a></p>

<p>在开始之前先提出一下几个问题。在下面的几种情况下弹出内容分别是什么？

		
		<a href="/blog/2013/10/09/function-declarations-vs-function-expressions/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-10-08T16:19:00+08:00" data-updated="true" itemprop="datePublished">Oct 8<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/10/08/infographic-anatomy-of-a-perfect-page/" itemprop="url">完美页面解析（Infographic:Anatomy of a Perfect Page）</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>人们总对海报的主题收藏很感兴趣。尤其是与他们有关的活动信息。今天，我收集了一些关于web页面的一些布局结构信息。这些海报给出了很多页面设计的一些意见和建议。这些信息相信对网页设计和开发这都有很多用处。</p>

<p>海报是传递信息给读者的最好的方法之一，他可以将一些新闻或者其他的一些有用的信息放在一个地方。现在许多人没有足够的时间来阅读多页面的文本。海报让信息更容易被传播和理解。接下来将分享一下有关web的一些海报。

		
		<a href="/blog/2013/10/08/infographic-anatomy-of-a-perfect-page/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-09-27T14:41:00+08:00" data-updated="true" itemprop="datePublished">Sep 27<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/09/27/php-ajax-calender/" itemprop="url">使用PHP和AJAX制作日历</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>在很多网站，日历是一个必要的组成部分。通常这些日历是jquery的一个插件，但是也可以用php来实现。今天我将使用ajax技术展示一个月份的日历，可以通过左右箭头切换月份。由于是ajax,这个日历还有其他的优点，它是一个响应式的移动日历。在开始编写代码之前，我建议你先看看我们的demo.</p>

<p><img src="http://www.script-tutorials.com/demos/361/php_ajax_calendar.png" alt="" /></p>

<p><a href="http://www.script-tutorials.com/demos/361/">在线演示</a>
<a href="http://www.script-tutorials.com/demos/361/source.zip">下载源文件</a></p>

<hr />
<p>文件结构：</p>

<p>在开始之前，让我们先为我们的文件定义一个清晰的文件夹结构：</p>

<ul>
  <li>css-存放所有的css文件</li>
  <li>images-存放所有可能用到的图片</li>
  <li>templates-存放所有的模板文件

		
		<a href="/blog/2013/09/27/php-ajax-calender/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-09-24T13:55:00+08:00" data-updated="true" itemprop="datePublished">Sep 24<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/09/24/jquery-tutorials-sumary/" itemprop="url">jQuery 入门总结</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>今天放假，没地方可去，给新手推荐点 jQuery 教程吧。</p>

<h4 id="jquery-jquery-jquery">1、《15天学会jQuery》这本书间的很基础，很适合于新手，大致从基础讲了一些 什么是jQuery 以及jQuery的使用和常用函数。</h4>
<p>麻雀虽小五脏俱全。

		
		<a href="/blog/2013/09/24/jquery-tutorials-sumary/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-09-23T13:54:00+08:00" data-updated="true" itemprop="datePublished">Sep 23<span>rd</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/09/23/google-web-toolkit-for-beginer/" itemprop="url">面向 Java 开发人员的 Ajax: Google Web Toolkit 入门</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>简介： Ajax 被用于创建更加动态和交互性更好的 Web 应用程序。Google Web Toolkit (简称GWT) 是 Google 推出的 Ajax 应用开发包，GWT 支持开发者使用Java 语言开发 Ajax 应用。本文中作者将介绍如何使用 GWT 开发 Ajax 应用的基本方法和步骤。

		
		<a href="/blog/2013/09/23/google-web-toolkit-for-beginer/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-09-23T09:25:00+08:00" data-updated="true" itemprop="datePublished">Sep 23<span>rd</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/09/23/use-css-to-paint-qq/" itemprop="url">使用css3绘制QQ企鹅LOGO</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p><img src="http://www.alloyteam.com/wp-content/uploads/2012/10/result.png" alt="" /></p>

<p><a href="http://download.alloyteam.com/demo/css3-tencent-qq-logo-basic/">CSS3绘制腾讯QQ的企鹅Logo效果</a></p>

<p>今天和大家分享一下使用CSS3绘制腾讯QQ的企鹅Logo的过程。

		
		<a href="/blog/2013/09/23/use-css-to-paint-qq/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-09-22T14:33:00+08:00" data-updated="true" itemprop="datePublished">Sep 22<span>nd</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/09/22/bootstrap/" itemprop="url">Bootstrap</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<ol>
  <li>Download
Before downloading, be sure to have a code editor (we recommend Sublime Text 2) and some working knowledge of HTML and CSS. We won’t walk through the source files here, but they are available for download. We’ll focus on getting started with the compiled Bootstrap files.</li>
</ol>

<p>Download compiled
Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.</p>

<p>Download Bootstrap</p>

<p>Download source
Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.</p>

<p>Download Bootstrap source

		
		<a href="/blog/2013/09/22/bootstrap/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-09-22T14:06:00+08:00" data-updated="true" itemprop="datePublished">Sep 22<span>nd</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/09/22/how-to-add-octopress-category/" itemprop="url">怎样添加分类栏</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>Tag Cloud for Octopress
Description:
Easy output tag cloud and category list.</p>

<p>Files:
.
├─ plugins/
│  └── tag_cloud.rb
└─ source/
   └─ _includes/
      └─ custom/
         └─ asides/
            ├─ category_list.html
            └─ tag_cloud.html
Syntax:
<a href="/blog/categories/ios" style="font-size: 105.21739130434783%">ios(2)</a> <a href="/blog/categories/other" style="font-size: 136.52173913043478%">other(14)</a> <a href="/blog/categories/web" style="font-size: 160.0%">web(23)</a> </p>
<li><a href="/blog/categories/ios/">ios (2)</a></li>
<li><a href="/blog/categories/other/">other (14)</a></li>
<li><a href="/blog/categories/web/">web (23)</a></li>
<p>Example:
In some template files, you can add the following markups.</p>

<p>source/_includes/custom/asides/tag_cloud.html</p>

<section>
  <h1>Tag Cloud</h1>
    <span id="tag-cloud"><a href="/blog/categories/ios" style="font-size: 105.21739130434783%">ios</a> <a href="/blog/categories/other" style="font-size: 136.52173913043478%">other</a> <a href="/blog/categories/web" style="font-size: 160.0%">web</a> </span>
</section>
<p>source/_includes/custom/asides/category_list.html</p>

<section>
  <h1>Categories</h1>
    <ul id="category-list"><li><a href="/blog/categories/ios/">ios (2)</a></li><li><a href="/blog/categories/other/">other (14)</a></li><li><a href="/blog/categories/web/">web (23)</a></li></ul>
</section>
<p>Notes:
Be sure to insert above template files into default_asides array in _config.yml. And also you can define styles for ‘tag-cloud’ or ‘category-list’ in a .scss file. (ex: sass/custom/_styles.scss)</p>

<p>Licence:
Distributed under the MIT License.</p>

<p>url:<a href="https://github.com/tokkonopapa/octopress-tagcloud">https://github.com/tokkonopapa/octopress-tagcloud</a></p>

		
		
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-09-22T09:28:00+08:00" data-updated="true" itemprop="datePublished">Sep 22<span>nd</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/web/'>web</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/09/22/waht-is-the-connect-pool/" itemprop="url">什么是连接池，其工作原理是什么？</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>连接池用于创建和管理数据库连接的缓冲池技术，缓冲池中的连接可以被任何需要他们的线程使用。当一个线程需要用JDBC对一个数据库操作时，将从池中请求一个连接。当这个连接使用完毕后，将返回到连接池中，等待为其他的线程服务。

		
		<a href="/blog/2013/09/22/waht-is-the-connect-pool/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>


    <article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
	<div class="meta">
		<div class="date">








  


<time datetime="2013-09-18T13:56:00+08:00" data-updated="true" itemprop="datePublished">Sep 18<span>th</span>, 2013</time></div>
		<div class="tags">


	<a class='category' href='/blog/categories/other/'>other</a>


</div>
		
	</div>
	<h1 class="title" itemprop="name"><a href="/blog/2013/09/18/windows-controls-and-wpf-usercontrols-inside-an-xna-game-project/" itemprop="url">Windows Controls and WPF UserControls Inside an Xna Game Project</a></h1>
	<div class="entry-content" itemprop="articleBody">
		<p>In this article we will be working on using Windows Controls and WPF UserControls inside an XNA Game Project.</p>

<p>They tell Windows Controls cant be used inside an XNA game let alone WPF. Well, that has been proved in this article.</p>


		
		<a href="/blog/2013/09/18/windows-controls-and-wpf-usercontrols-inside-an-xna-game-project/" class="more-link">继续阅读&rarr;</a>
	</div>

</article>

</div>
<nav id="pagenavi">
    
        <a href="/" class="prev">Prev</a>
    
    
        <a href="/blog/page/3/" class="next">Next</a>
    
    <div class="center"><a href="/blog/archives">Blog Archives</a></div>
</nav></div>
			</div>
			<footer id="footer" class="inner"><p>
  Copyright &copy; 2014 - Nicholas -
  <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>

Design credit: <a href="http://shashankmehta.in/archive/2012/greyshade.html">Shashank Mehta</a></footer>
			







  <script type="text/javascript">
    (function(){
      var twitterWidgets = document.createElement('script');
      twitterWidgets.type = 'text/javascript';
      twitterWidgets.async = true;
      twitterWidgets.src = '//platform.twitter.com/widgets.js';
      document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
    })();
  </script>





		</div>
	</div>
</body>
</html>
